{{! 注册页面 }}

<link href="assets/css/register.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="assets/js/parsley.min.js"></script>
<script type="text/javascript" src="assets/js/register-middle-algin.js"></script>
<!-- 登录页面显示登录进度的进度条样式 -->
<link rel="stylesheet" type="text/css" href="assets/tiptools/ns-default.css" />
<link rel="stylesheet" type="text/css" href="assets/tiptools/ns-style-bar.css" />


<!-- Wrap all page content here -->
<div id="wrap" style="overflow: hidden;">

    <!-- content main container -->
    <div class="main" id="intro-image-register">

      <!-- row -->
      <div class="row">

        {{header-page model=model}}

        <div class="inside-block" style="margin-bottom: 20px;">
            <h1 style="font-size: 46px;text-transform: uppercase;margin-bottom: 5px;">
              <img src="assets/images/logo/login-logo.png" class="logo" height="60" width="60" style="margin-bottom: 10px;">
              <strong style="">DD</strong>listing
            </h1>
        </div>

        <div class="col-md-7 col-sm-7" id="pic-area-height">
          <!-- <img class="img-responsive" src="http://i12.tietuku.com/76ba6604836b0824.jpg" /> -->
          <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
              <!-- Indicators -->
              <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
              </ol>

              <!-- Wrapper for slides -->
              <div class="carousel-inner" role="listbox">
                <div class="item active">
                  <img class="img-responsive" src="/assets/images/register/1.jpg" alt="APP主页1">
                </div>
                <div class="item">
                  <img class="img-responsive" src="/assets/images/register/2.jpg" alt="APP主页2">
                </div>
                <div class="item">
                  <img class="img-responsive" src="/assets/images/register/3.jpg" alt="项目详细设置">
                </div>
                <div class="item">
                  <img class="img-responsive" src="/assets/images/register/4.jpg" alt="新增清单项">
                  <!-- <div class="carousel-caption">
                    新增清单项
                  </div> -->
                </div>

              </div>

              <!-- Controls -->
              <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>
        </div>


        <div class="col-md-5 col-sm-5" id="loginform_height">

        {{#register-form}}{{/register-form}}

        </div>
      </div>
      <!-- /row -->



    </div>
    <!-- /content container -->

</div>
<!-- Wrap all page content end -->

<script>
//这个方法是让无论，浏览者电脑屏幕如何。都能让div居中，垂直居中，div的id是logindiv

var logindiv_height = $("#intro-image-register").css("height").replace("px", ""); //css("height")这样获取的是 数字加px
var loginform_height = $("#loginform_height").css("height").replace("px", ""); //css("height")这样获取的是 数字加px

//$("#intro-image-register").css({
  //  "margin-top": ($(document).height() - logindiv_height - 60) / 2
//});
//  设置注册页面右侧表单的垂直居中
//$("#loginform_height").css({
 //   "margin-top": ($("#pic-area-height").height() - loginform_height) / 2
//});

</script>
